$(function() {
			var inx;

			var x = Object.getOwnPropertyNames(shouyenav);

			x.forEach(function(w, i, arr) {
				shouyenav[w].top.forEach(function(v) {
					$('.s-headline').eq(i).append('<div><a href="">' + v + '</a></div>')
				});
				for (var key in shouyenav[w].main) {

					var li = '';
					shouyenav[w].main[key].forEach(function(va) {
						li += '<li class="aa"></li><li><a href="#">' + va + '</a>';
					})

					$('.s-l-show-div').eq(i).append('<div class="s-div"><h3>' + key + '</h3><ul>' + li +
						'</ul></div>');

				}
				shouyenav[w].img.forEach(function(value) {
					$('.s-l-show-div2').eq(i).append('<img src="./img/z-syimg/ejdh/' + value +
						'" alt="">')
				})

			})
			// 悬停
			$('.s-right-2>div>h3').mouseenter(function() {
				var x = $(this).index();
				console.log(x);
				if (x == 0) {
					$(this).children(0).css('color', 'red').parent().siblings().eq(1).children(0).css('color',
						'black');
					$('.s-r-ul1').css('display', 'block');
					$('.s-r-ul2').css('display', 'none');
				} else {
					$('.s-r-ul1').css('display', 'none');
					$('.s-r-ul2').css('display', 'block');
					$(this).children(0).css('color', 'red').parent().siblings().eq(0).children(0).css('color',
						'black');
					// $('.s-right-2>div>h3').eq(1).children(0).css('color','black')
				}

			});
			// 渲染底部内容
			console.log(syNr);
			data.indexData.forEach(function(v) {
				$('.bottom-content').append(`
		<div class="b-c-box">
			<a href="./html/goods.html?shopName=indexData#${v.goodsid}">
			<img src="${v.goodsurls.nowurl}" alt="">
			<p>` + v.goodstitle + `</p>
			<div>
				<div>￥` + v.goodsprice + `</div> 
				<div style="text-decoration: line-through;">￥` + v.goodszprice + `</div>
				</div>
			</a>
		</div>
		`)
				// console.log(v.img);
			})

			// 活动专区渲染
			console.log(hdZq);
			hdZq.forEach(function(s) {
				$('.bottom-content1').append(`
		<div class="b-c-box2" style="background-color: rgb(` + s.bj + `);">
			<a href="">
				<div>
					<span class="line"></span>
					<h3>` + s.text + `</h3>
					<span class="line1 "></span>
					<p>` + s.text2 + `</p>
					<div class="b-c-xt">
						<img src="./img/z-syimg/nr1/` + s.img + `" alt="">
					</div>
				</div>
				
			</a>
		</div> 
		`)
			})
			console.log(rM);
			// 特卖渲染
			tM.forEach(function(g) {
				$('.c-s-tm-2 ul').append(`
		<li class="c-s-tm-li2 bk">
			<a href="">
				<div>
					<h5>` + g.text + `</h5>
					<p>` + g.text2 + `</p>
				</div>
				<div>
					<img src="./img/z-syimg/tmrm/` + g.img + `" alt="">
				</div>
			</a>
		</li>
		`)
			})
			// 热卖渲染
			rM.forEach(function(t) {
				$('.c-s-rm-2 ul').append(`
		<li class="c-s-tm-li2">
			<a href="">
				<div>
					<h5>` + t.text + `</h5>
					<p>` + t.text2 + `</p>
				</div>
				<div>
					<img src="./img/z-syimg/tmrm/` + t.img + `" alt="">
				</div>
			</a>
		</li>
		`)
			})
			pH.forEach(function(l, u) {
				$('.c-s-ph-2 ul').append(`
		<li>
			<a href="">
			<img src="./img/z-syimg/tmrm/` + l.i + `" alt="">
			<p>` + l.t + `</p>
			<div>` + l.j + `</div>
			<span class="ph">` + (u + 1) + `</span>
			</a>
		</li>
		`)
			})
			jH.forEach(function(ty) {
				$('.needle-ul').append(`
		<li>
			<a href=""><img src="./img/z-syimg/jh/` + ty.img + `" alt=""></a>
		</li>
		`)
			})
			jH2.forEach(function(ty) {
				$('.needle-ul2').append(`
		<li>
			<a href=""><img src="./img/z-syimg/jh/` + ty.img + `" alt=""></a>
		</li>
		`)
			})
			jH3.forEach(function(tt) {
				$('.brand-show').append(`
	<div>
		<a href=""><img src="./img/z-syimg/` + tt.img + `" alt=""></a>
	</div>
		`)
			})
			// $('.dh1 li').on('click',function(){

			// 	$(this)
			// })
			$('.dh1 li').on('mouseenter', function() {
				$(this).css({
					'background-color': 'red',
					'color': 'white'
				})
			})
			$('.dh1 li').on('mouseleave', function() {
				$(this).css({
					'background-color': 'white',
					'color': 'black'
				})
			})
			// 
			// 顶部显示隐藏

			$(window).scroll(function() {
				if ($(window).scrollTop() > 100) {
					// console.log(1);
					$('.dh1').css('display', 'block')
				} else {
					$('.dh1').css('display', 'none')
					// console.log(2);
				}
				var win = $(window).scrollTop()
				var cj = $('.brand').offset().top;
				var mx = $('.needle').offset().top;
				var hh = $('.found-and-recommend').offset().top;
				var cs = $('.shoes-and-phone').offset().top;

				var tm = $('.commercespecial').offset().top;
				var xh = $('.bottom-content1').offset().top;
				var xg = $('.bottom-content').offset().top;
				// console.log(win);
				if ($(window).scrollTop() >= cj && $(window).scrollTop() <= mx) {
					$('.dh1 li:eq(0)').css({
						'background-color': 'red',
						'color': 'white'
					}).siblings().css({
						'background-color': 'white',
						'color': 'black'
					})
					// console.log(1);
				} else if ($(window).scrollTop() >= mx && $(window).scrollTop() <= hh) {
					$('.dh1 li:eq(1)').css({
						'background-color': 'red',
						'color': 'white'
					}).siblings().css({
						'background-color': 'white',
						'color': 'black'
					})
				} else if ($(window).scrollTop() >= hh && $(window).scrollTop() <= cs) {
					$('.dh1 li:eq(2)').css({
						'background-color': 'red',
						'color': 'white'
					}).siblings().css({
						'background-color': 'white',
						'color': 'black'
					})
				} else if ($(window).scrollTop() >= cs && $(window).scrollTop() <= tm) {
					$('.dh1 li:eq(3)').css({
						'background-color': 'red',
						'color': 'white'
					}).siblings().css({
						'background-color': 'white',
						'color': 'black'
					})
				} else if ($(window).scrollTop() >= tm && $(window).scrollTop() <= xh) {
					$('.dh1 li:eq(4)').css({
						'background-color': 'red',
						'color': 'white'
					}).siblings().css({
						'background-color': 'white',
						'color': 'black'
					})
				} else if ($(window).scrollTop() >= xh && $(window).scrollTop() <= xg) {
					$('.dh1 li:eq(5)').css({
						'background-color': 'red',
						'color': 'white'
					}).siblings().css({
						'background-color': 'white',
						'color': 'black'
					})
				}


			})
			$('.dh1 li:eq(0)').click(function() {
				// console.log(cj);
				// $(window).scrollTop(700)
				to(700)
			})
			$('.dh1 li:eq(1)').click(function() {
				// console.log(cj);
				// $(window).scrollTop(1400)
				to(1400)
			})
			$('.dh1 li:eq(2)').click(function() {
				// console.log(cj);
				// $(window).scrollTop(2000)
				to(2000)
			})
			$('.dh1 li:eq(3)').click(function() {
				// console.log(cj);
				to(2500)
			})
			$('.dh1 li:eq(4)').click(function() {
				// console.log(cj);
				to(3400)
			})
			$('.dh1 li:eq(5)').click(function() {
				// console.log(cj);
				to(0)
			})
			//轮播图
			// lett
			var sssss = 0;
			$('.z-btn').on('click', function() {
				if (sssss >= 0) {} else {
					sssss += 238;
					$('.hx-ul').css('left', sssss)
				}
			})
			$('.y-btn').on('click', function() {
				if (sssss <= -240 * ($('.hx-ul li').length - 5)) {} else {
					sssss -= 238;
					$('.hx-ul').css('left', sssss)
				}

			})
			// 轮播图封装

})
			function to(target) {
				var int;
				var t = window.pageYOffset;
				if (t < target) {
					int = setInterval(function() {
						t += (target - t) / 10;
						if (Math.abs(t - target) <= 10) {
							t = target;
							clearInterval(int);
						}
						window.scrollTo(0, t);
					}, 10)
				} else if (t > target) {
					int = setInterval(function() {
						t -= (t - target) / 10;
						if (Math.abs(t - target) <= 10) {
							t = target;
							clearInterval(int);
						}
						window.scrollTo(0, t);
					}, 10)
				} else if (t == target) {
					clearInterval(int);
				}
			}
